<template>
    <!-- 使用轮播图组件 渲染 -->
    <XtxSlider :sliders="bannerList" />
</template>

<script>
// 引入useStore
import { useStore } from 'vuex'
import { computed } from 'vue'
export default {
  name: 'HomeBanner',
  setup () {
    const store = useStore()
    const bannerList = computed(() => {
      return store.state.category.bannerList
    })
    return {
      bannerList
    }
  }
}
</script>
